<template>
    <div class="chat-block">
        <span>{{ chat.content }}</span>
    </div>
</template>
<script setup>
import { ref } from 'vue'
const props = defineProps({
    chat: {
        type: Object,
        default: () => ({})
    }
})
const emits = defineEmits([])
</script>
<style lang="scss" scoped>
.chat-block {
    max-width: 80%;
    min-width: 10%;
    position: relative;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 10px;

}
</style>